<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<script type="text/javascript">
			var path="<%=path%>";
	</script>
	
    <base href="<%=basePath%>">
    
    <title>个人中心</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="<%=path%>/js/jquery/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/extJquery.js"></script>
	<script type="text/javascript" src="<%=path %>/js/adminLogin.js"></script>
	
<script src="shared/js/time/jquery.1.7.2.min.js"></script>
    <script src="shared/js/time/mobiscroll_002.js" type="text/javascript"></script>
	<script src="shared/js/time/mobiscroll_004.js" type="text/javascript"></script>
	<link href="shared/css/mobiscroll_002.css" rel="stylesheet" type="text/css">
	<link href="shared/css/mobiscroll.css" rel="stylesheet" type="text/css">
	<script src="shared/js/time/mobiscroll.js" type="text/javascript"></script>
	<script src="shared/js/time/mobiscroll_003.js" type="text/javascript"></script>
	<script src="shared/js/time/mobiscroll_005.js" type="text/javascript"></script>
	<link href="shared/css/mobiscroll_003.css" rel="stylesheet" type="text/css">
	<script type="text/javascript">
        $(function () {
			var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
		        display: 'modal', //显示方式 
		        mode: 'scroller', //日期选择模式
				dateFormat: 'yyyy-mm-dd',
				lang: 'zh',
				showNow: true,
				nowText: "今天",
		        startYear: currYear - 10, //开始年份
		        endYear: currYear + 10 //结束年份
			};

		  	var optDateTime = $.extend(opt['datetime'], opt['default']);
		    $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
		    $("#appDateTime2").mobiscroll(optDateTime).datetime(optDateTime);
		   
        });
        function al(){
        	alert("appDateTime:" + $("#appDateTime").attr("value"));
        }
    </script>
  </head>
  
  <body style="text-align: center">
    <h1>这里是我的账户(资金变动)页面</h1><br><br>
   <br>
   <div>
   	<div style="margin-right: -460px; margin-bottom: 15px;">
   	条件过滤：
   	<select id="type">
   		<option value="0">选择类型</option>
   		<c:if test="${!empty types}">
   			<c:forEach var="type" items="${types}">
   				<option value="${type}">${type}</option>
   			</c:forEach>
   		</c:if>
   	</select>
   	<label for="appDateTime2">开始时间</label>
	<input value="" class="" readonly="readonly" name="appDateTime2" id="appDateTime2" type="text">
	<label for="appDateTime">截止时间</label>
	<input value="" class="" readonly="readonly" name="appDateTime" id="appDateTime" type="text">
   	<a href="javascript:searchPremChange();">搜索</a>
   	</div>
   </div>
   		<div class="global-table_divH" center-align>
		<table width="60%" border="1" cellspacing="1" cellpadding="1" class="global-table" style="font-size: 12px; margin: auto;">
			<tr>
				<th style="text-align: center;" width="50">流水ID</th>
				<th style="text-align: center;" width="150">变动类型代码</th>
				<th style="text-align: center;" width="150">变动金额</th>
				<th style="text-align: center;" width="150">资金变动状态代码</th>
				<th style="text-align: center;" width="150">项目拆分ID</th>
				<th style="text-align: center;" width="150">创建时间</th>
				<th style="text-align: center;" width="150">最后修改时间</th>
				
			</tr>
			<c:if test="${!empty userPremDetails}">
				<c:forEach var="detail" items="${userPremDetails}">
					<tr>
					    <td style="text-align: center;" width="50">${detail.id}</td>
					    <td style="text-align: center;" width="150">${detail.changeTypeCode}</td>
					    <td style="text-align: center;" width="150">${detail.changePrem}</td>
						<td style="text-align: center;" width="150">${detail.premChangeStatusCode}</td>
						<td style="text-align: center;" width="150">${detail.projectSplitId}</td>
						<td style="text-align: center;" width="150"><fmt:formatDate value="${detail.createDate}"   pattern="yyyy-MM-dd HH:mm:ss" /></td>
						<td style="text-align: center;" width="150"><fmt:formatDate value="${detail.lastUpdateDate}"   pattern="yyyy-MM-dd HH:mm:ss" /></td>
						
					</tr>
				</c:forEach>
			</c:if>
		</table>
		</div>
    <br><br>
    <a href="<%=basePath%>user/toMain.do">返回主页</a>
    <br>
    <a href="javascript:al();">test dateTime setting</a>
  </body>
</html>
